/* pages/topicality/chuxingtraffic/chuxingtraffic.wxss */

.body {

  padding-bottom: 50rpx;
  font-size: 27rpx;
  background-color: rgb(246, 246, 246);
}

.bg-img {

  width: 100%;
  height: 292rpx;
}

.select-border {
  width: 700rpx;
  box-sizing: border-box;
  position: relative;
  top: -50rpx;
  margin: 0 auto;
  padding: 47rpx 61rpx;
  background-color: #ffffff;
  border-radius: 22rpx;
  justify-content: space-between;
}

.location {
  width: 28rpx;
  height: 38rpx;
  margin-right: 26rpx;
}

.select-icon {
  width: 16rpx;
  margin-left: 25rpx;
  height: 11rpx;
}
#city{
  font-size: 36rpx;
}


.level {
  min-width: 150rpx;
  height: 50rpx;
  padding: 0 39rpx;
  font-size: 24rpx;
  line-height: 50rpx;
  text-align: center;
  border-radius: 25rpx;
  border: 2rpx solid;
}

.low {
  color: #2FBD51;
  border-color: #4CC141;
}

.middle {
  color: #4B98F8;
  border-color: #4B98F8;
}

.height {
  color: #FC3838;
  border-color: #FC3838;
}

/* .content {
  margin: 0 27rpx;
} */

.content-border {
  margin: 0 27rpx;
}

.border-title {
  margin-bottom: 34rpx;
  font-size: 31rpx;
  color: #999999;
}

.border-content {
  margin-bottom: 34rpx;
  padding: 28rpx 25rpx;
  background-color: #FFFFFF;
  border-radius: 22rpx;
}

.tab-bar {
  margin-bottom: 48rpx;
  overflow-x: scroll;
}

.bar-item {
  height: 75rpx;
  min-width: 143rpx;
  margin-right: 12rpx;
  line-height: 75rpx;
  font-size: 29rpx;
  text-align: center;
  background-color: #F9FBFC;
  border-radius: 18rpx;
}

.chouse {
  height: 84rpx;
  line-height: 84rpx;
  color: #FFFFFF;
  background-color: #FFFFFF;
  background-image: url(http://imgbdb3.bendibao.com/xcxbdb/file/20212/9/20210209104131_39076.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.question-item {
  margin-bottom: 37rpx;
}

.item-title {
  margin-bottom: 25rpx;
  font-size: 33rpx;
  font-weight: 700;
}

.item-title image {
  display: inline-block;
  width: 37rpx;
  height: 37rpx;
  margin-right: 19rpx;
}

.itme-detail {
  padding-left: 27rpx;
  padding-bottom: 31rpx;
  overflow: hidden;
  background-color: #F9FBFC;
  border-radius: 18rpx;
}

.itme-detail a {
  color: #3887D9;
}

.itme-detail p {
  display: -webkit-box;
  margin: 26rpx 27rpx;
  margin-left: 0;
  margin-bottom: 29rpx;
  font-size: 27rpx;
  line-height: 45rpx;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  white-space: pre-wrap;
}

.yiqing-tools {
  margin: 20rpx 27rpx !important;
}

.more {
  height: 75rpx;
  margin-top: 25rpx;
  line-height: 75rpx;
  font-size: 27rpx;
  border-radius: 37rpx;
  text-align: center;
  background-color: #F0EEF2;
}

.arrow-down {
  width: 24rpx;
  height: 13rpx;
  margin-left: 19rpx;
}

.back_to_feed {
  display: none !important;
}

.active {
  color: red;
}

.light-in {
  color: blue;
}
/* 底部fixed */
.fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin: auto;
	background: #fff;
	padding: 10rpx 0;

}

.share {
	width: 35%;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 56rpx;
	color: #ffffff;
	font-weight: 500;
	background-color: #5395DE;
	margin-left: 20rpx;
}

.share view {
	display: flex;
	justify-content: center;
	align-items: center;
}

.share-icon {
	width: 30rpx;
	height: 30rpx;
	margin-left: 10rpx;
}

.other-city {
	width: 65%;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	border: 0;
	border-radius: 56rpx;
	margin-left: 20rpx;
	margin-right: 20rpx;
	margin-top: 10rpx;
	color: #ffffff;
	background: #5395DE;
}
.bottom-mask {
  position: fixed;
  bottom: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, .4);
}

.bottom-share-box {
  position: fixed;
  bottom: 0;
  height: 380rpx;
  width: 100%;
  justify-content: space-between;
  padding-top: 80rpx;
  background-color: rgb(251, 253, 250);
  border-top-left-radius: 54rpx;
  border-top-right-radius: 54rpx;
  overflow-x: hidden;
  z-index: 999999;
}

.bottom-share-box .flex {
  padding: 20rpx 20%;
  z-index: 99;
  box-sizing: border-box;
}

.bottom-share-box .share-box-img {
  width: 100rpx;
  margin-bottom: 16rpx;
}

.bottom-share-box .share-box-path {
  font-size: 24rpx;
}

.bottom-share-box .flex {
  width: 100%;
}

.line {
  height: 60rpx;
  border-right: 2rpx solid #ccc;
}

.cancel {
  height: 102rpx;
  margin-top: 30rpx;
  line-height: 102rpx;
  font-size: 34rpx;
  text-align: center;
  background-color: #FFFFFF;
}

button {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.share-box {
  margin-bottom: 60rpx;
  margin-top: 40rpx;
}

.share-box-img {
  width: 100rpx;
  height: 100rpx;
}

.shar-box-item {
  line-height: normal;
}

.share-box-title {
  width: 100%;
  margin-bottom: 58rpx;
  font-size: 32rpx;
  color: #BFBFBF;
  text-align: center;
}

.share-box-path {
  font-size: 22rpx;
  color: #141414;
}

.shar-box-list {
  width: 70%;
}
/* 导粉 */

.daofen {
  margin-bottom: 80rpx;
  text-align: center;
}
/* 轮播图 */
.banner-content{
  margin: 0 auto;
  margin-top: 20rpx;
  margin-bottom: 50rpx;
  width: 720rpx;
}
.banner{
  width: 720rpx;
  height: 250rpx;
  border-radius: 20rpx;
}
